
#banner{width:100%;overflow:hidden; height:355px;position:relative;}
#banner .banner{width:1500px;position:absolute;left:50%;margin-left:-750px;}
#banner .signup{box-sizing:border-box;padding:40px 20px 5px;text-align:center;position:absolute;top:35px;right:165px;width:315px;height:255px;background:url(../images/sideways.png) no-repeat right 0 rgba(0,0,0,0.45);}
#banner .signup p{color:#fff;font-size:16px;}
#banner .signup .award{font-size:24px;padding-bottom:20px;}
#banner .signup p .yellow{display:inline-block;padding-bottom:10px;font-size:16px;color:#ffcc66}
#banner .signup .register{color:#fff;display:inline-block;width:265px;height:50px;line-height:50px;text-align:center;background:#2fcea6;border-radius:5px;margin-top:13px}
#banner .signup .register:hover{color:#fff;text-decoration:underline;}
#banner .signup .alright{float:right;margin-right:20px;margin-top:10px;color:#fff}
#banner .signup .alright .login{color:#ffcc66;font-size:12px;}
#banner .signup .alright .login:hover{text-decoration:underline}
/*annoucement*/
#announcement{background:#fff;}
#announcement .header{height:55px;line-height:55px;width:100%;overflow:hidden;}
#announcement .header .left{float:left;}
#announcement .header .left span{padding-left:35px;background:url(../images/sound.png) no-repeat left -3px;}
#announcement .header .left span{padding-left:35px;background:url(../images/sound.png) no-repeat left -3px;}
#announcement .header .right{float:right;}
#announcement .header .right span{float:right;padding-left:30px;}
#announcement .point{padding:25px 0 30px ;border-top:1px solid #bfbfbf;}
#announcement .point .box{width:250px;display:inline-block;vertical-align:top;margin-left:62px;}
#announcement .point .special{margin-left:0;}
#announcement .point .box .text{padding-top:22px;display:inline-block;padding-left:15px;vertical-align:top}
/*gray*/
#gray{background:#efefef;padding:30px 0 75px;width:100%;overflow:hidden;}
#gray .privilege:after{clear:both;content:'.';display:block;width:0;height:0;visibility:hidden;}
#gray .privilege .left{background:#fff;width:870px;float:left;border:1px solid #2fcea6;position:relative;}
#gray .privilege .left .header{height:40px;background:#eafaf6;}
#gray .privilege .left .bottom{padding:55px 0 55px 55px;}
#gray .privilege .left .bottom p{width:111px;display:inline-block;}
#gray .privilege .left .bottom p span{color:#ff9900}
#gray .privilege .left .bottom p a{font-size:38px;}
#gray .privilege .left .bottom p .count{font-size:28px;color:#666666}
#gray .privilege .left .bottom .experience{margin:20px 40px;vertical-align:top;border-radius:5px;font-size:16px;display:inline-block;width:160px;height:50px;line-height:50px;text-align:center;color:#fff;background:#f8b551;}
#gray .privilege .left .bottom img.big-gift{margin-top:-100px;}
#gray .privilege .left .bottom img.privilege{position:absolute;top:-8px;left:40px;}
#gray .privilege .right{background:#fff;float:right;margin-left:15px;}
#gray .privilege .right .header{padding:15px 40px;overflow:hidden;}
#gray .privilege .right .header span{float:left}
#gray .privilege .right .header a{float:right;color:#2fcea6;font-size:12px;}
#gray .privilege .right .bottom {border-top:1px solid #efefef;padding:25px 40px 10px;}
#gray .privilege .right .bottom p{margin-bottom:20px;padding-left:25px;background:url(../images/circle.png) no-repeat left center}

#gray .loan-type {margin-top:20px;background:#fff;overflow:hidden;border:1px solid #e1e1e1}
#gray .loan-type .left{width:174px;height:760px;float:left;border-right:1px solid #e1e1e1}
#gray .loan-type .right{width:1022px;float:right;}
#gray .loan-type .right .finance{position:relative;padding:40px;border-bottom:1px solid #e1e1e1;}
#gray .loan-type .right .no-border {padding:40px;border-bottom:1px solid #fff;}
#gray .loan-type .right .finance .top p{font-size:26px;display:inline-block}
#gray .loan-type .right .finance .top p span{font-size:18px;color:#999999;}
#gray .loan-type .right .finance .top p .new-hand{font-size:12px;color:#ff3300;border:1px solid #ff3300;border-radius:5px;padding:5px;display:inline-block;}
#gray .loan-type .right .finance .top p .principal{font-size:12px;color:#aaaaaa;border:1px solid #aaaaaa;border-radius:5px;padding:5px;display:inline-block;}
#gray .loan-type .right .finance .top .sum{float:right;width:180px;font-size:14px;margin-top:15px;}
#gray .loan-type .right .finance .top .sum span{float:right;font-size:14px;}
#gray .loan-type .right .finance .bottom{padding:25px 0 0;}
#gray .loan-type .right .finance .bottom p{width:132px;display:inline-block;}
#gray .loan-type .right .finance .bottom p span{color:#ff9900}
#gray .loan-type .right .finance .bottom p a{font-size:34px;}
#gray .loan-type .right .finance .bottom p .count{font-size:26px;color:#666666}
#gray .loan-type .right .finance .bottom .progress{overflow:hidden;display:inline-block;width:190px;margin-left:80px;margin-right:60px;}
#gray .loan-type .right .finance .bottom .progress .base-layer{margin-bottom:10px;width:190px;height:12px;border-radius:5px;background:#e5e5e5}
#gray .loan-type .right .finance .bottom .progress .top-layer{width:85%;height:12px;border-radius:5px;background:#2fcea6}
#gray .loan-type .right .finance .bottom .progress .complete{float:left;}
#gray .loan-type .right .finance .bottom .progress .percent{float:right;}
#gray .loan-type .right .finance .bottom  .invest{float:right;display:inline-block;color:#fff;width:180px;height:55px;line-height:55px;text-align:center;border-radius:5px;background:#2fcea6;}
#gray .loan-type .right .finance .recommend{position:absolute;top:0;left:0;}
#gray .loan-type .right .finance .new{position:absolute;top:0;left:0;}
/*News*/
#News {padding:30px 0 40px;overflow:hidden;}
#News .Box{overflow:hidden;}
#News .news .news-box{width:325px;float:left;}
#News .news .special{margin:0 112px;}
#News .news .news-box .header{overflow:hidden;}
#News .news .news-box .title{font-size:16px;float:left;}
#News .news .news-box .more{font-size:14px;float:right;}
#News .news .news-box .news-list{margin-top:12px;}
#News .news .news-box .news-list .gray-line{width:100%;height:5px;background:#bfbfbf;}
#News .news .news-box .news-list .green-line{width:30%;height:5px;background:#2fcea6;}
#News .news .news-box .news-list ul {margin-top:30px;}
#News .news .news-box .news-list ul li{height:25px;padding-left:25px;background:url(../images/flower.jpg) no-repeat left 5px;}
#News .news .news-box .news-list ul li a{font-size:15px;color:#666666}
#News .news .company{margin-top:50px;}
#News .news .company .cooperate{font-size:16px;margin-bottom:18px;}
#News .news .company .detail-company img{margin-left:30px;}
